<template>
	<view style="padding: 16upx;" v-if="dataInfo">
		<view class="condation">
			<view class="conmenus">
				<view class="conleft">工作票编码</view>
				<view class="conright">{{dataInfo.wtNo}}</view>
			</view>
			<view class="conmenus">
				<view class="conleft">工作票类型</view>
				<view class="conright">{{type}}</view>
			</view>
			<view class="conmenus">
				<view class="conleft">状态</view>
				<view class="conright">{{stateInfo[dataInfo.state]}}</view>
			</view>
		</view>
		<view class="condation">
			<view class="conmenus">
				<view class="conleft">工作负责人</view>
				<view class="conright">{{dataInfo.managerName}}</view>
			</view>
			<view class="conmenus">
				<view class="conleft">检修班组</view>
				<view class="conright">{{dataInfo.workDeptName}}</view>
			</view>
			<view class="conmenus">
				<view class="conleft">工作成员</view>
				<view class="conright">{{dataInfo.memberNames}}</view>
			</view>
			<view class="conmenus">
				<view class="conleft">工作地点</view>
				<view class="conright">{{dataInfo.workPlace}}</view>
			</view>
			<view  style="display: flex;flex-direction: column;padding-top:32upx;padding-bottom:1upx;
				">
				<view class="conleft" style="width: 100%;">工作内容</view>
				<view style="color:#666666;font-size:28upx;padding: 24upx;padding-right: 24upx;">
					{{dataInfo.workContent}}
				</view>
			</view>
		</view>
		<view class="condation">
			<view class="conmenus">
				<view class="conleft">设备位置</view>
				<view class="conright">{{dataInfo.locaNo}}</view>
			</view>
			<view class="conmenus">
				<view class="conleft">场站</view>
				<view class="conright">{{dataInfo.operationDeptName}}</view>
			</view>
		</view>
		<view class="condation">
			<view class="conmenus">
				<view class="conleft">计划开始时间</view>
				<view class="conright">{{dataInfo.planStartTime}}</view>
			</view>
			<view class="conmenus">
				<view class="conleft">计划完成时间</view>
				<view class="conright">{{dataInfo.planEndTime}}</view>
			</view>
			<view class="conmenus">
				<view class="conleft">批准开始时间</view>
				<view class="conright">{{dataInfo.approveStartTime}}</view>
			</view>
			<view class="conmenus">
				<view class="conleft">批准完成时间</view>
				<view class="conright">{{dataInfo.approveEndTime}}</view>
			</view>
		</view>
		
		<view class="condation">
			<view class="conmenus">
				<view class="conleft">签发人</view>
				<view class="conright">{{dataInfo.issuerName}}</view>
			</view>
			<view class="conmenus">
				<view class="conleft">接票人</view>
				<view class="conright">{{dataInfo.receiverName}}</view>
			</view>
			<view class="conmenus">
				<view class="conleft">许可人</view>
				<view class="conright">{{dataInfo.permitorName}}</view>
			</view>
			<view class="conmenus">
				<view class="conleft">关联信息</view>
				<view class="conright">{{dataInfo.atNo}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	import { getWorkticketDetail } from '@/api/basic.js'
	export default {
		name:"listBox",
		data () {
		  return {
			  dataInfo:null,
			  stateInfo: {
			  	1:'拟定',
			  	2:'审核中',
			  	3:'已作废',
			  	4:'待执行',
			  	5:'执行中',
			  	6:'已执行',
			  	7:'终止执行',
			  	8:'关闭（合格）',
			  	9:'关闭（不合格）'
			  }
		  }
		},
		props:{
			wtId:{
			   type:String
			},
			type: {
				type: String
			}
		},
		components: {},
		mounted() {
			this.queryWorkTicketDetail()
		},
		methods: {
		   /**
		    * 操作票基本信息
		    **/
		   queryWorkTicketDetail() {
				getWorkticketDetail(this.wtId).then(res => {
					this.dataInfo = res.result.result
				})
		   },
	  
		}
	}
</script>

<style>
	.condation{
		background-color: #ffffff;
		margin-top: 16upx;
		border-radius: 8upx;
	}
	.conmenus{
		display: flex;flex-direction: row;
		padding-top:32upx;
		padding-bottom:32upx;
		border-bottom: solid 1upx #e6e6e6;
	}
	.conmenus:last-child{
		border: 0;
	}
	.conleft{
		width: 40%;
		padding-left: 24upx;
		color: #333333;
		font-size: 28upx;
	}
	.conright{
	//	border: solid 1upx #07C160;
		text-align: right;
		width: 60%;
		direction: right;
		padding-right: 24upx;
		color: #666666;
		font-size: 28upx;
	}
</style>
